body{
    padding: 0px;
    margin: 0px;
}
.fd-content{
    margin: 0 auto;
    width:1000px;
    background-color: #FFFAF0;
}
.fd-head{
    margin: 0 auto;
    width: 100px;
    height: 60px;
}
.fd-title{
    font: 14px solid red;
}
.fd-period{
    margin: 0 auto;
    padding-top: 20px;
    height: 50px;
    width: 600px;
}
.fd-data{
    margin: 0 auto;
    width:900px;
}

.chart-all{
    clear:both;
    margin-top: 20px;
    width:900px;
    height: 400px;
}

.chart-half{
    float:left;
    margin-top: 20px;
    width:450px;
    height: 400px;
}
.fd_ballContent{
    margin-top: 20px;
    width:900px;
}
.fd_ball{
    height: 60px;
    padding: 5px;
}
.fd_red{
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    margin-left:5px;
    background-color: red;
    text-align: center;
    line-height: 50px;
}
.fd_blue{
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    background-color: cornflowerblue;
    text-align: center;
    line-height: 50px;
    margin-left:5px;
}
.fd_orange{
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    background-color: orange;
    text-align: center;
    line-height: 50px;
    margin-left:5px;
}
.fd-bottom{
    width:100%;
    height: 50px;
}

.fd-detail{
    width:100px;
    height:50px;
    margin:0 auto;
}